page-telephone-auth
{
  // 头部
  .telephone-auth-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 内容显示
  .telephone-auth-section
  {

    // 内容页面
    .scroll-content
    {
      background-color: $office-page-background;

      // 头部认证背景
      .tel-auth-title
      {
        font-size: px2rem(24);
        text-align: center;
        height: px2rem(88);
        padding-top: px2rem(28);
        color: $office-light-black-nine;
        p
        {
          text-align: right;
          width: 45%;
          margin: auto;
          background: url("../assets/img/authentication-center/telephone-auth.svg") no-repeat left center;
          background-size: contain;
        }
      }

      // 用户基本信息
      ion-list
      {
        margin: 0;
        // 提示通知设置
        ion-item
        {
          padding-left: px2rem(32);

          div.item-inner
          {
            padding-right: px2rem(32) !important;
            border: 0;

            // 左边
            div.input-wrapper
            {
              height: px2rem(87);
              ion-label
              {
                margin: 0;
                h2, div
                {
                  float: left;
                  height: 100% !important;
                  line-height: px2rem(88);
                  margin: 0;
                }
                // 标题
                &> h2
                {
                  width: px2rem(194);
                  font-size: px2rem(32);
                  color: $office-black;
                }
                // 内容
                &> div
                {
                  font-size: px2rem(28);
                  color: $office-light-black-nine;
                }
                // 输入框
                input
                {
                  float: left;
                  font-size: px2rem(30);
                  width: px2rem(350);
                  height: px2rem(85);
                  padding: px2rem(10) 0;
                  outline: none;
                  border: 0;
                  color: $office-light-black-six;
                }
                // 显示按钮
                p
                {
                  float: left;

                  &.switchover-password{
                    width: px2rem(50);
                    height: px2rem(85);
                    background: url("../assets/img/login/unvisible.png") no-repeat center;
                    background-size: contain;
                    &.active
                    {
                      background: url("../assets/img/login/visible.png") no-repeat center;
                      background-size: contain;
                    }
                  }

                  // 清除
                  &.clear-button
                  {
                    width: px2rem(28);
                    height: px2rem(85);
                    background: url("../assets/img/login/clear-button.png") no-repeat center;
                    background-size: contain;
                  }
                }

              }
            }

          }

          // 增加margin
          &:nth-child(4),&:nth-child(5)
          {
            margin-bottom: px2rem(20);
          }

          &:nth-child(1) {
            border-top: 1px solid $office-ion-item-border-color;
            .item-inner
            {
              border-bottom: 1px solid $office-ion-item-border-color;
            }
          }
          &:nth-child(2),&:nth-child(3)  {
            .item-inner
            {
              border-bottom: 1px solid $office-ion-item-border-color;
            }
          }
          &:nth-child(4) {
            border-bottom: 1px solid $office-ion-item-border-color;
          }
          &:nth-child(5),&:nth-child(6) {
            border-top: 1px solid $office-ion-item-border-color;
            border-bottom: 1px solid $office-ion-item-border-color;
          }
        }
      }

      // 同意协议
      .agree-protocol
      {
        font-size: px2rem(24);
        padding: px2rem(18) px2rem(32) px2rem(49) px2rem(32);
        span,div
        {
          float: left;
          height: px2rem(30);
          line-height: px2rem(30);
        }
        span
        {
          width: px2rem(44);
          background: url("../assets/img/common/check-disable.png") no-repeat center;
          background-size: contain;
          &.active
          {
            background: url("../assets/img/common/check-active.png") no-repeat center;
            background-size: contain;
          }
        }
        div
        {
          margin-left: px2rem(10);
          a
          {
            color: $office-blue;
          }
        }

      }

      // 提交按钮
      .submit-button
      {
        margin-top: px2rem(10);
        height: px2rem(88);
        bottom: 0 !important;
        button
        {
          @include office-background();
          @include office-footer-button-style(100%);
          @include office-button-disable();
        }
        span{font-size: px2rem(34)}
      }

      // 其他登录
      /*.other-login
      {
        padding: 0 px2rem(32);
        button
        {
          margin: 0;
          padding: 0;
          height: px2rem(80);
          float: right;
          span{font-size: px2rem(24);color: $office-blue;}
        }
        @include clear-after();
      }*/

      // 备注信息
      /*.help-info
      {
        padding: px2rem(20) px2rem(32) px2rem(40) px2rem(32);
        color: $office-light-black-nine;
        font-size: px2rem(24);
        >p { margin: px2rem(28) 0;}
        // 头部
        >div.item-title {
          height: px2rem(60);
          margin-top: px2rem(40);
          margin-bottom: px2rem(20);
          line-height: px2rem(60);
          >div
          {
            float: left;
          }
          >button
          {
            float: right;
            margin: 0;
            height: 100%;
            span{font-size: px2rem(24); }
          }
          @include clear-after;
        }
        >ul
        {
          li
          {
            line-height: px2rem(38);
          }
        }
      }*/


    }
  }
}

